<template>
    <div class="common-layout">
      <el-container>
        <el-header style="height:60px; background-color: gray;">
            智慧城市</el-header>
        <el-container>
          <el-aside width="200px">
            
            <el-menu
        active-text-color="#ffd04b"
        background-color="#545c64"
        class="el-menu-vertical-demo"
        default-active="2"
        text-color="#fff"
        @open="handleOpen"
        @close="handleClose"
        router
      >
       
      <el-sub-menu index="1">
        <template #title>
            <el-icon><location /></el-icon>
            <span>基础数据</span>
          </template>
          
            <el-menu-item index="1-1">item one</el-menu-item>
            <el-menu-item index="1-2">item two</el-menu-item>     
            <el-menu-item index="1-3">item three</el-menu-item>
         
      </el-sub-menu>
             
      <el-sub-menu index="2">
        <template #title>
            <el-icon><location /></el-icon>
            <span>网格管理</span>
          </template>
          
            <el-menu-item index="/gridmanage/physicalgird1">物理网格</el-menu-item>
            <el-menu-item index="1-2">item two</el-menu-item>     
            <el-menu-item index="1-3">item three</el-menu-item>
         
      </el-sub-menu>

      </el-menu>

          </el-aside>
          <el-container>
            <el-main style="height: 760px;;">                    
                <RouterView />
            </el-main>
            <el-footer>智慧酒店底部</el-footer>
          </el-container>
        </el-container>
      </el-container>
    </div>
  </template>

  <script setup>

  import { RouterLink, RouterView } from 'vue-router'
const  handleOpen=()=>{


}

const  handleClose=()=>{


}
</script>